﻿
@{
    ViewBag.Title = "虫子不吃鸟";
}
<div class="layui-row  layui-col-space5">
    <div >
        <div class="layui-carousel" id="ID-carousel-demo-image">
            <div carousel-item>
                <div><img src="~/images/banner/p1.jfif"></div>
                <div><img src="~/images/banner/p2.jfif"></div>
                <div><img src="~/images/banner/p3.jfif"></div>
            </div>
        </div>
        <br />
        @*<div class="flow-demo" id="ID-flow-demo"></div>*@
        @await Component.InvokeAsync("BlogList")
    </div>
    
</div>

<script>
    layui.use(function () {
        var listWidth = $("#div_content").width()-10;
        var carousel = layui.carousel;
        console.log(listWidth);
        // 渲染 - 图片轮播
        carousel.render({
            elem: '#ID-carousel-demo-image',
            width: listWidth,
            //height: '360px',
            interval: 3000
        });

        var flow = layui.flow;
         //流加载实例
        //flow.load({
        //    elem: '#ID-flow-demo', // 流加载容器
        //    scrollElem: '#ID-flow-demo', // 滚动条所在元素，一般不用填，此处只是演示需要。
        //    done: function (page, next) { // 执行下一页的回调
        //        // 模拟数据插入
        //        setTimeout(function () {
        //            var lis = [];
        //            console.log("----------------------")
        //            $.post('/blog/AllList', { page: page },  function (res) {
        //                var pagingData=res.data
        //                lis.push(pagingData.dataList[0]);

        //                //pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
        //                next(lis.join(''), page < pagingData.recordCount); //假设总页数为 10
        //                });
        //        });
        //    }
        //});
    });

</script>

